<!DOCTYPE html>
<html lang="en" class="app">
<head>
    <meta charset="utf-8" />
    <title>WithoutTwo 非凡音乐</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="css/jplayer.flat.css" type="text/css" />
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="css/animate.css" type="text/css" />
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="css/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="css/font.css" type="text/css" />
    <link rel="stylesheet" href="css/app.css" type="text/css" />
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <script src="js/excanvas.js"></script>
    <link href="css/effects.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
    <![endif]-->
</head>
<body style="background: white">
<section class="vbox" style="background: white">
    <header class="bg-black lter header header-md navbar navbar-fixed-top-xs">
        <nav class="nav navbar-inverse navbar-fixed-top" role="navgation" style="background: rgba(0,0,0,0)">
            <div class="container-fluid" style="background: rgba(0,0,0,0)">
                <div class="navbar-header">
                    <div style="margin-right:10px">
                        <!--<a href="#" class="navbar-brand">-->
                        <!--<img src="img/baidu.png" style="width: 100px;height: 30px;">-->
                        <h4 style="color:black">当音乐遇见你</h4>
                        <!--</a>-->
                    </div>
                    <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="background: black">
                        <span class="icon-bar" style="color:black"></span>
                        <span class="icon-bar" style="color:black"></span>
                        <span class="icon-bar" style="color:black"></span>
                    </button>
                </div>

                <div class="collapse navbar-collapse">
                    <ul class="navbar-nav nav">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li ><a href="listen.html" style="color:black">歌单</a></li>
                        <li><a href="listen.html" style="color:black">排行榜</a></li>
                        <li><a href="about.html" style="color:black">关于</a></li>
                    </ul>
                    <div class="navbar-form navbar-right" style="margin-right: 30px;">
                        <input type="text" class="form-control" name="" placeholder="请输入搜索内容" style="background: rgba(0,0,0,0)">
                        <button class="btn btn-default" style="margin-right: 30px;" style="background: rgba(0,0,0,0)">搜索</button>
                        <a href="login.html?username=&password=" class="navbar-link" style="color: black">注册</a>
                        <a href="login.html" class="navbar-link" style="color: black">登录</a>
                    </div>
                </div>
                <div>
                </div>

            </div>
        </nav>
    </header>
    <section>
        <section class="hbox stretch">
            <!-- .aside -->
            <!-- /.aside -->
            <section id="content">
                <section class="vbox">
                    <section class="w-f-md">
                        <section class="hbox stretch bg-black dker">
                            <!-- side content -->
                            <aside class="col-sm-5 no-padder" id="sidebar">
                                <section class="vbox animated fadeInUp">
                                    <section class="scrollable">
                                        <div class="m-t-n-xxs item pos-rlt">
                                            <div class="top text-right">
                        <span class="musicbar animate bg-success bg-empty inline m-r-lg m-t" style="width:25px;height:30px">
                          <span class="bar1 a3 lter"></span>
                          <span class="bar2 a5 lt"></span>
                          <span class="bar3 a1 bg"></span>
                          <span class="bar4 a4 dk"></span>
                          <span class="bar5 a2 dker"></span>
                        </span>
                                            </div>
                                            <div class="bottom gd bg-info wrapper-lg">
                                                <span class="pull-right text-sm">101,400 <br>Followers</span>
                                                <span class="h2 font-thin">Soph Ashe</span>
                                            </div>
                                            <img class="img-full" src="images/m43.jpg" alt="...">
                                        </div>
                                        <ul class="list-group list-group-lg no-radius no-border no-bg m-t-n-xxs m-b-none auto">
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#" class="m-r-sm"><i class="icon-plus"></i></a>
                                                    <a href="#"><i class="icon-close"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>E.T.M</span>
                                                    <span class="text-muted"> -- 04:35</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Vestibulum id ligula porta</span>
                                                    <span class="text-muted"> -- 04:15</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Praesent commodo cursus magna</span>
                                                    <span class="text-muted"> -- 02:25</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Curabitur blandit tempus</span>
                                                    <span class="text-muted"> -- 05:00</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Faucibus dolor auctor</span>
                                                    <span class="text-muted"> -- 03:50</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Get lacinia odio sem nec elit cibus dolor auctor sed odio dui mollis ornare</span>
                                                    <span class="text-muted"> -- 04:05</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Faucibus dolor auctor</span>
                                                    <span class="text-muted"> -- 02:55</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Donec sed odio dui</span>
                                                    <span class="text-muted"> -- 04:35</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Urna mollis ornare vel eu leo</span>
                                                    <span class="text-muted"> -- 05:10</span>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <div class="pull-right m-l">
                                                    <a href="#" class="m-r-sm"><i class="icon-cloud-download"></i></a>
                                                    <a href="#"><i class="icon-plus"></i></a>
                                                </div>
                                                <a href="#" class="jp-play-me m-r-sm pull-left">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <div class="clear text-ellipsis">
                                                    <span>Vivamus sagittis lacus vel augue</span>
                                                    <span class="text-muted"> -- 02:35</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </section>
                                </section>
                            </aside>
                            <!-- / side content -->
                            <section class="col-sm-4 no-padder bg">
                                <section class="vbox">
                                    <section class="scrollable hover">
                                        <ul class="list-group list-group-lg no-bg auto m-b-none m-t-n-xxs">
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Little Town</span>
                                                    <small class="text-muted">by Soph Ashe</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Get lacinia odio sem nec elit</span>
                                                    <small class="text-muted">by Filex</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Donec sed odio du</span>
                                                    <small class="text-muted">by Dan Doorack</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Curabitur blandit tempu</span>
                                                    <small class="text-muted">by Foxes</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Urna mollis ornare vel eu leo</span>
                                                    <small class="text-muted">by Chris Fox</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Faucibus dolor auctor</span>
                                                    <small class="text-muted">by Lauren Taylor</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Praesent commodo cursus magn</span>
                                                    <small class="text-muted">by Chris Fox</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Vestibulum id</span>
                                                    <small class="text-muted">by Milian</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Blandit tempu</span>
                                                    <small class="text-muted">by Amanda Conlan</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Vestibulum ullamcorpe quis malesuada augue mco rpe</span>
                                                    <small class="text-muted">by Dan Doorack</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Natis ipsum ac feugiat</span>
                                                    <small class="text-muted">by Hamburg</small>
                                                </a>
                                            </li>
                                            <li class="list-group-item clearfix">
                                                <a href="#" class="jp-play-me pull-right m-t-sm m-l text-md">
                                                    <i class="icon-control-play text"></i>
                                                    <i class="icon-control-pause text-active"></i>
                                                </a>
                                                <a href="#" class="pull-left thumb-sm m-r">
                                                    <img src="images/m0.jpg" alt="...">
                                                </a>
                                                <a class="clear" href="#">
                                                    <span class="block text-ellipsis">Sec condimentum au</span>
                                                    <small class="text-muted">by Amanda Conlan</small>
                                                </a>
                                            </li>
                                        </ul>
                                    </section>
                                </section>
                            </section>
                            <section class="col-sm-3 no-padder lt">
                                <section class="vbox">
                                    <section class="scrollable hover">
                                        <div class="m-t-n-xxs">
                                            <div class="item pos-rlt">
                                                <a href="#" class="item-overlay active opacity wrapper-md font-xs">
                                                    <span class="block h3 font-bold text-info">Find</span>
                                                    <span class="text-muted">Search the music you like</span>
                                                    <span class="bottom wrapper-md block">- <i class="icon-arrow-right i-lg pull-right"></i></span>
                                                </a>
                                                <a href="#">
                                                    <img class="img-full" src="images/m40.jpg" alt="...">
                                                </a>
                                            </div>
                                            <div class="item pos-rlt">
                                                <a href="#" class="item-overlay active opacity wrapper-md font-xs text-right">
                                                    <span class="block h3 font-bold text-warning text-u-c">Listen</span>
                                                    <span class="text-muted">Find the peace in your heart</span>
                                                    <span class="bottom wrapper-md block"><i class="icon-arrow-right i-lg pull-left"></i> -</span>
                                                </a>
                                                <a href="#">
                                                    <img class="img-full" src="images/m41.jpg" alt="...">
                                                </a>
                                            </div>
                                            <div class="item pos-rlt">
                                                <a href="#" class="item-overlay active opacity wrapper-md font-xs">
                                                    <span class="block h3 font-bold text-success text-u-c">Share</span>
                                                    <span class="text-muted">Share the good songs with your loves</span>
                                                    <span class="bottom wrapper-md block">- <i class="icon-arrow-right i-lg pull-right"></i></span>
                                                </a>
                                                <a href="#">
                                                    <img class="img-full" src="images/m42.jpg" alt="...">
                                                </a>
                                            </div>
                                            <div class="item pos-rlt">
                                                <a href="#" class="item-overlay active opacity wrapper-md font-xs text-right">
                                                    <span class="block h3 font-bold text-white text-u-c">2014</span>
                                                    <span class="text-muted">Find, Listen & Share</span>
                                                    <span class="bottom wrapper-md block"><i class="icon-arrow-right i-lg pull-left"></i> -</span>
                                                </a>
                                                <a href="#">
                                                    <img class="img-full" src="images/m44.jpg" alt="...">
                                                </a>
                                            </div>
                                            <div class="item pos-rlt">
                                                <a href="#" class="item-overlay active opacity wrapper-md font-xs">
                                                    <span class="block h3 font-bold text-danger-lter text-u-c">Top10</span>
                                                    <span class="text-muted">Selected songs</span>
                                                    <span class="bottom wrapper-md block">- <i class="icon-arrow-right i-lg pull-right"></i></span>
                                                </a>
                                                <a href="#">
                                                    <img class="img-full" src="images/m45.jpg" alt="...">
                                                </a>
                                            </div>
                                        </div>
                                    </section>
                                </section>
                            </section>
                        </section>
                    </section>
                    <footer class="footer bg-success dker">
                        <div id="jp_container_N">
                            <div class="jp-type-playlist">
                                <div id="jplayer_N" class="jp-jplayer hide"></div>
                                <div class="jp-gui">
                                    <div class="jp-video-play hide">
                                        <a class="jp-video-play-icon">play</a>
                                    </div>
                                    <div class="jp-interface">
                                        <div class="jp-controls">
                                            <div><a class="jp-previous"><i class="icon-control-rewind i-lg"></i></a></div>
                                            <div>
                                                <a class="jp-play"><i class="icon-control-play i-2x"></i></a>
                                                <a class="jp-pause hid"><i class="icon-control-pause i-2x"></i></a>
                                            </div>
                                            <div><a class="jp-next"><i class="icon-control-forward i-lg"></i></a></div>
                                            <div class="hide"><a class="jp-stop"><i class="fa fa-stop"></i></a></div>
                                            <div><a class="" data-toggle="dropdown" data-target="#playlist"><i class="icon-list"></i></a></div>
                                            <div class="jp-progress hidden-xs">
                                                <div class="jp-seek-bar dk">
                                                    <div class="jp-play-bar bg">
                                                    </div>
                                                    <div class="jp-title text-lt">
                                                        <ul>
                                                            <li></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="hidden-xs hidden-sm jp-current-time text-xs text-muted"></div>
                                            <div class="hidden-xs hidden-sm jp-duration text-xs text-muted"></div>
                                            <div class="hidden-xs hidden-sm">
                                                <a class="jp-mute" title="mute"><i class="icon-volume-2"></i></a>
                                                <a class="jp-unmute hid" title="unmute"><i class="icon-volume-off"></i></a>
                                            </div>
                                            <div class="hidden-xs hidden-sm jp-volume">
                                                <div class="jp-volume-bar dk">
                                                    <div class="jp-volume-bar-value lter"></div>
                                                </div>
                                            </div>
                                            <div>
                                                <a class="jp-shuffle" title="shuffle"><i class="icon-shuffle text-muted"></i></a>
                                                <a class="jp-shuffle-off hid" title="shuffle off"><i class="icon-shuffle text-lt"></i></a>
                                            </div>
                                            <div>
                                                <a class="jp-repeat" title="repeat"><i class="icon-loop text-muted"></i></a>
                                                <a class="jp-repeat-off hid" title="repeat off"><i class="icon-loop text-lt"></i></a>
                                            </div>
                                            <div class="hide">
                                                <a class="jp-full-screen" title="full screen"><i class="fa fa-expand"></i></a>
                                                <a class="jp-restore-screen" title="restore screen"><i class="fa fa-compress text-lt"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="jp-playlist dropup" id="playlist">
                                    <ul class="dropdown-menu aside-xl dker">
                                        <!-- The method Playlist.displayPlaylist() uses this unordered list -->
                                        <li class="list-group-item"></li>
                                    </ul>
                                </div>
                                <div class="jp-no-solution hide">
                                    <span>Update Required</span>
                                    To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
                                </div>
                            </div>
                        </div>
                    </footer>
                </section>
                <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
            </section>
        </section>
    </section>
</section>
<script src="js/jquery-3.2.1.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- App -->
<script src="js/app.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/app.plugin.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>